<template>
	<view class="kong">
		<view class="kong-address">
			<text class="iconfont icon-artboard kong-address_icon"></text>
			<text class="kong-address_name">北京万泉庄店</text>
			<text class="kong-address_btn">切换门店</text>
		</view>

		<view class="kong-content">

			<view class="kong-content_img">
				<image class="kong-content_img1" src="../../../static/kong.webp" mode="aspectFit"></image>
			</view>
			<view class="kong-content_text1">
				<text>购物车竟然是空的</text>
			</view>
			<view class="kong-content_text2">
				<text>再忙，也要记得买点什么犒劳自己~</text>
			</view>
			<view class="kong-content_btnbox">
				<button class="kong-content_btn" @click="goHome" type="warn">去逛逛</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			goHome() {

				uni.switchTab({
					url: '../../index/index'
				})
			}
		}
	}
</script>

<style>
	.kong {
		background-color: #fff;
	}

	.kong-address {
		height: 50px;
		padding: 0 15px;
		line-height: 50px;
	}

	.kong-address_icon {
		font-size: 24px;
	}

	.kong-address_name {
		font-size: 24px;
		margin: 0 3px;
	}

	.kong-address_btn {}

	.kong-content {
		height: 460px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.kong-content_img {
		width: 70%;
	}

	.kong-content_img1 {
		width: 100%;
	}

	.kong-content_text1 {
		height: 36px;
		font-size: 20px;

		color: #544f4f;
	}

	.kong-content_text2 {
		color: #949191;
		height: 30px;
		font-size: 18px;
	}

	.kong-content_btnbox {
		margin-top: 20px;
	}

	.kong-content_btn {
		color: #fff;
		background-color: #e64340;
		width: 120px;
		border-radius: 25px;
		height: 40px;
		line-height: 40px;
	}
</style>
